<div class="row">
  <div class="col-xxxl-3 col-xxl-3 col-lg-3 col-md-3" *ngFor="let c of courses">
    <nb-card size="small">
      <nb-card-body>
        <div class="picture" style.background-image="url('assets/images/kitten-{{currentTheme}}.png')"></div>

        <div class="details">
          <div class="title">
            {{c.title}}
          </div>
          <!-- <div class="description">
            {{"课程介绍：" + c.outline}}
          </div> -->
          <div class="description">
            {{"课程分类：" + c.ctype}}
          </div>
        </div>
      </nb-card-body>

      <nb-card-footer>
        <a href="https://akveo.github.io/react-native-ui-kitten" target="_blank">
          <i class="ion-ios-world"></i>
        </a>
        <a href="https://itunes.apple.com/us/app/kitten-tricks/id1246143230" target="_blank">
          <i class="ion-social-apple"></i>
        </a>
        <a href="https://play.google.com/store/apps/details?id=com.akveo.kittenTricks" target="_blank">
          <i class="ion-social-android"></i>
        </a>
        <a href="https://github.com/akveo/react-native-ui-kitten" target="_blank">
          <i class="ion-social-github"></i>
        </a>
      </nb-card-footer>
    </nb-card>
  </div>
</div>